<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <!-- 开发环境版本，包含了用帮助的命令行警告 -->
    <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
</head>
<body>

{{ number + 1 }}

{{ ok ? 'YES' : 'NO' }}

{{ message.split('').reverse().join('') }}

<div v-bind:id="'list-' + id"></div>

</body>
<script>
    /*生命周期钩子*/
    /*created 钩子可以用来在一个实例被创建之后执行代码：*/
    new Vue({
        data: {
            a: 1
        },
        created: function () {
            // `this` 指向 vm 实例
            console.log('a is: ' + this.a)
            console.log('a is: ' + this.a)
            console.log('a is: ' + this.a)
            alert('a is: ' + this.a)
        }
    })
</script>
</html>